body {
	margin: 10px; padding: 0;
	background: #fff;
	padding-bottom: 1px;

	font-size: 11px;
}

body { font-family: Arial, Helvetica, sans-serif; }

html, body { height: 95%; }

.clr { clear: both; overflow:hidden; height: 0; }

a { padding: 0; margin: 0; }

form { margin: 0; padding: 0; }

h1 {
	margin: 0; padding-bottom: 8px;
	color: #0B55C4; font-size: 20px; font-weight: bold;
}

input { font-size: 10px;  border: 1px solid silver; }
input:focus{ background-color: #ffd }

#border-top.header          { background: url(../images/header_middle.png) repeat-x; }
#border-top.header div      { background: url(../images/header_right.png) 100% 0 no-repeat; }
#border-top.header div div  { background: url(../images/header_left.png) no-repeat; height: 105px; }

#border-top .title {
	font-size: 22px; font-weight: bold; color: #305086; line-height: 44px;
	padding-left: 250px;
}

#border-bottom 			{ background: url(../images/borde_inferior.png) repeat-x; }
#border-bottom div  		{ background: url(../images/esq_gruesa_der.png) 100% 0 no-repeat; }
#border-bottom div div 	{ background: url(../images/esq_gruesa_izq.png) no-repeat; height: 11px; }

#footer .copyright { margin: 10px; text-align: center; font-weight: bold; }

#content-box {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
}

#content-box .padding  { padding: 10px 10px 0 10px; }

.button1,
.button1 div{
	height: 1%;
	float: right;
}

.button1 { background: url(../images/boton_izq.png) no-repeat; white-space: nowrap; padding-left: 10px; margin-left: 5px;}

.button1 .next { background: url(../images/boton_der.png) 100% 0 no-repeat; }

.button1 a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	padding: 0 30px 0 6px;
}

.button1 a:hover { text-decoration: none; color: #0B55C4; }

body {color: #000}

form  			{ margin: 0px; padding: 0px; }
form .inputbox  { width: 120px; margin-left: 10px; }
.login          {
	margin-bottom: 100px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
.contenido_sistema          { margin: 0 auto; width: 900px; margin-bottom: 100px; }
h1 {
  margin: 15px 0;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

#lock  {
	background: url(../images/img_login.jpg) 50% 0 no-repeat;
	width: 150px;
	height: 137px;
}

#content-box .m {
  padding: 10px;
}

#content-box .padding {
  padding: 30px 0;
}

#section-box  { float: right; width: 320px; margin-left: 10px;}

#section-box .m {
  padding: 5px;
}

#form-login label {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	padding: 4px;
	color: #666;
	font-weight: bold;
}

#form-login .button_holder {
	float: left;
	padding-left: 180px;
}

#form-login div.button1{
 	float: left;
}

#form-login div.button1 div.next {
	float: left;
}

#content-box .divform{
margin-top: 5px;
	
}
div#element-box {
  background: #fff;
}

div.t, div.b {
  height: 6px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.m {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0 8px;
}

div#element-box div.m {
  padding: 5px 10px;
}

div#element-box div.t {
  background: url(../images/borde_fino.png) 0 0 repeat-x;
}

div#element-box div.t div.t {
   background: url("../images/esq_fina_sup_der.png") 100% 0 no-repeat;
}

div#element-box div.t div.t div.t {
   background: url(../images/esq_fina_sup_izq.png) 0 0 no-repeat;
}

div#element-box div.b {
  background: url(../images/borde_fino.png) 0 100% repeat-x;
}

div#element-box div.b div.b {
   background: url(../images/esq_fina_inf_der.png) 100% 0 no-repeat;
}

div#element-box div.b div.b div.b {
   background: url(../images/esq_fina_inf_izq.png) 0 0 no-repeat;
}
.navi {  
	list-style:none;
	margin:0;
	padding:0;
}
.navi li {
	margin:2px;
	padding:0; 
}
.navi li a {
	display:block; 
	padding:0.7em;
	text-decoration:none;
	text-align:center;
	font-size:1.2em;
        text-transform: uppercase;
	color:#0066AA;
	background-color:#FFFFFF;
}

.navi li a:hover {
	color:#FFFFFF;
	background-color:#0066AA;
        font-weight: bolder;
}

.footer {
	background-image: url(../images/bg_login.png);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}
.enlaceboton {    font-family: verdana, arial, sans-serif; 
   font-size: 10pt; 
   font-weight: bold; 
   padding: 10px; 
   background-color: #faf8f9; 
   color: #33a2cf; 
   text-decoration: none; 
   border: 100px solid #66afef
} 
.enlaceboton:link, 
.enlaceboton:visited { 
   border-top: 1px solid #dddddd; 
   border-bottom: 1px solid #dddddd; 
   border-left: 1px solid #dddddd; 
   border-right: 1px solid #dddddd; 
} 
.enlaceboton:hover { 
    border-bottom: 1px solid #33a2cf; 
   border-top: 1px solid #33a2cf; 
   border-right: 1px solid #33a2cf; 
   border-left: 1px solid #33a2cf; 
} 
